<template>
    <div class="empty">
        <img src="http://palk082f3.bkt.clouddn.com/image/store/empty.png" alt="">
        <div class="empty-btn" @click="refresh">
            <span>刷新</span>
        </div>
    </div>
</template>

<script>
export default {
    name:'empty',
    data(){
        return {
            boxHeight:0
        }
    },
    methods:{
        toHome(){
            console.log(1);
            this.$router.push('/container/home');
        },
        refresh(){
            this.$emit('refeshPage');
        }
    },
    mounted(){
        
    },
    beforeMount(){
        let scale = window.devicePixelRatio;
    }
}
</script>

<style lang='less'>
@rem:100rem;
.empty{
    width: 100%;
    padding-top: 40/@rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    img{
        width: 318/@rem;
        height: 318/@rem;
        margin-left: 110/@rem;
    }
    .empty-btn{
        width: 188/@rem;
        height: 64/@rem;
        border-radius: 6/@rem;
        border: 2/@rem solid #6699ff;
        margin-top: 30/@rem;
        color: #6699ff;
        display: flex;
        background: rgba(255,255,255,0.5);
        align-items: center;
        justify-content: center;
        span{
            letter-spacing: 2/@rem;
        }
    }
    .empty-btn:active{
        background: #f1f1f1;
    }
}
</style>
